import React from 'react'
import './baogao.css'
import { Select, Form, Divider, Radio, Table, Input, Button } from 'antd';
import { SearchOutlined, RollbackOutlined, AppstoreOutlined, BarsOutlined } from '@ant-design/icons';
const columns = [
    {
        title: '上传时间',
        dataIndex: 'shangchaunshijian',
    },
    {
        title: '所属用户',
        dataIndex: 'suoshu',
    },
    {
        title:"报告名称",
        dataIndex:'name'
    },
    {
        title:'报告类型',
        dataIndex:'type'
    },
    {
        title:'报告来源',
        dataIndex:'laiyuan'
    },
    {
        title:'上传人',
        dataIndex:'shangchuanren',        
    },
    {
        title:"关联工单",
        dataIndex:'guanlian',
        render: (text) => <a>{text}</a>
    },
    {
        title:'报告日期',
        dataIndex:'shijian',
        render: (text) => <a>{text}</a>
    },
    {
        title:'操作',
        dataIndex:'caozuo',
        render: (text) => <div style={{display:'flex',justifyContent:'space-around'}}>
            <Button size='small' icon={<BarsOutlined />} />
            <Button size='small' icon={<AppstoreOutlined />} />
            <Button size='small' icon={<RollbackOutlined />} />
        </div>
    }
];
const data = [
    {
        key: '1',
        shangchaunshijian: '2024-03-24 10:23',
        suoshu: 'admin',
        name: 'Tom Brady',
        type: '系统报告',
        laiyuan: '自身',
        shangchuanren: 'admin',
        guanlian: '工单123',
        shijian: '2024-03-24 10:23',
        caozuo: 'admin'
    },
    {
        key: '2',
        shangchaunshijian: '2024-03-24 10:23',
        suoshu: 'admin',
        name: 'Tom Brady',
        type: '系统报告',
        laiyuan: '自身',
        shangchuanren: 'admin',
        guanlian: '工单123',
        shijian: '2024-03-24 10:23',
        caozuo: 'admin'
    },
    {
        key: '3',
        shangchaunshijian: '2024-03-24 10:23',
        suoshu: 'admin',
        name: 'Tom Brady',
        type: '系统报告',
        laiyuan: '自身',
        shangchuanren: 'admin',
        guanlian: '工单123',
        shijian: '2024-03-24 10:23',
        caozuo: 'admin'
    },
    {
        key: '4',
        shangchaunshijian: '2024-03-24 10:23',
        suoshu: 'admin',
        name: 'Tom Brady',
        type: '系统报告',
        laiyuan: '自身',
        shangchuanren: 'admin',
        guanlian: '工单123',
        shijian: '2024-03-24 10:23',
        caozuo: 'admin'
    },
];
export default function Baogao() {
    return (
        <div className='csc_baoquan'>
            <div className="csc_baodiv1">
                <div >
                    <span className="csc_baokuai"></span>
                    <span className='csc_baospan1'>报告管理</span>
                </div>
                <div>
                    <div className="csc_baoselect">
                        <Form.Item label="报告类型" >
                            <Select placeholder="请选择" className='csc_baoselect2'>
                                <Select.Option value="demo">Demo</Select.Option>
                            </Select>

                        </Form.Item>

                    </div>
                    <div className="csc_baoinput">
                        <Input placeholder="请输入关键字" className='csc_baoinput1' />
                        <Button type="primary" icon={<SearchOutlined />} className='csc_baobutton' />
                        <Button icon={<RollbackOutlined />} className='csc_baobutton' />
                    </div>
                </div>
            </div>
            <div className="csc_baodiv2">
                <div className="csc_baobutton2">
                    <span className="csc_baobutton4">
                        <Button color="cyan" variant="solid" className='csc_baobutton5'>上传</Button>
                        <Button color="cyan" variant="outlined" className='csc_baobutton5'>批量删除</Button>
                    </span>
                </div>
                <div className='csc_table'>
                    <Table
                        rowSelection={{
                        }}
                        columns={columns}
                        dataSource={data}
                    />
                </div>
            </div>
        </div>
    )
}